<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Google App Engine: SCAF - GRUPO NoSQL</title>
 

<link href="http://www.gstatic.com/codesite/ph/17444577587916266307/css/ph_core.css" rel="stylesheet" type="text/css" />
 <link href="http://code.google.com/css/codesite.pack.04102009.css" rel="stylesheet" type="text/css" />
  <script language="javascript" src='script/jquery-1.6.min.js'></script>
  <script language="javascript" src='script/ajax.util.js'></script>
</head>

<body>
   
   
  <!-- content -->  
  <div  id="gc-pagecontent" >
  <h1 class="page_title">SCAF - GRUPO NoSQL</h1>
  
 <!-- tabs --> 
 <div id="tabs" class="gtb">
	  <a id="cliente" href="#cliente" class="tab">Cliente</a> 
	  <a id="midia" href="#midia" class="tab">Midia</a> 
	  <a id="transacao" href="#transacao" class="tab">Transacao</a>
	  <a id="fraude" href="#fraude" class="tab">Fraude</a>
	  <a id="localidade" href="#localidade" class="tab">Localidade</a>
	  <a id="estabelecimento" href="#estabelecimento" class="tab">Estabelecimento</a>
	  <a id="voltar" href="" class="tab">Voltar</a>
	  <!--  <a id="order" href="#order" class="tab">Order</a> -->
	  <div class="gtbc"></div>
  </div>
  
  <!-- ******************************************* Cliente ******************************************* -->
  <div class="g-unit" id="cliente-tab">
  <div class ="message" id="cliente-show-message" style="display:none">
  </div>
  <!-- search container -->
   	<div class="gsc-search-box" id="cliente-search-ctr">
   	<!-- section title -->
   	<h2>All Clientes</h2>
   	<form name="cliente-search-form" id="cliente-search-form">
   	<label>Name</label>
   	 		<input type="text" name="q" id="q" class="gsc-input"/> 
	   	    <input type="button" value="Search" onclick="search('cliente')" class="gsc-search-button" />
            <input type="button" value="Add" onclick="add('cliente')" class="gsc-search-button" />
            <input type="reset" id="cliente-search-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
    </form>
   	</div>
   <!-- list container -->
   	<div class="results" style="border:0;" id="cliente-list-ctr">
          <table width="100%" cellspacing="0" cellpadding="2" border="0" style="border-collapse:collapse;">
            <thead>
              <tr>
              <th scope="col">Cliente ID</th>
                <th scope="col">Name</th>
                <th scope="col">First Name</th>
                <th scope="col">Last Name</th>
                <th scope="col">Phone</th>
                <th scope="col">CPF</th>
                <th scope="col">Email</th>
                <th scope="col">Localidade ID</th>
                <th scope="col">Action</th>                      
              </tr>
            </thead>
            <tbody id="cliente-list-tbody"></tbody>
          </table>
  	</div>
  	<div class="create-ctr" id="cliente-create-ctr">
	  	<h2>Create Cliente</h2>
	  	<form name="cliente-create-form" id="cliente-create-form">
  			<table width="200" cellspacing="0" cellpadding="0">
	  		   <tbody>
	              <tr>
	                 <td>Cliente ID</td>
	                 <td><span class="readonly"><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_id" id="cliente_id" /></span></td>
	               </tr>
					<tr>
	                  <td>Name</td>
	                  <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_name" id="cliente_name" /></td>
	                </tr>
	                <tr>
	                  <td>First Name</td>
	                  <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_firstName" id="cliente_firstName" /></td>
	                </tr>
	                <tr>
	                  <td>Last Name</td>
	                  <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_lastName" id="cliente_lastName" /></td>
	                </tr>	
	                <tr>                
	                  <td>Phone</td>
	                  <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_phone" id="cliente_phone" /></td>
	                </tr>	               
	                <tr>
	                  <td>CPF</td>
	                  <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_cpf" id="cliente_cpf" /></td>
	                </tr>
	                <tr>
	                  <td>Email</td>
	                  <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="cliente_email" id="cliente_email" /></td>
	                </tr>	                
	                <tr>
		             <td>Localidade ID</td>
		             <td><select id="cliente-localidade-list" name="localidade_id"></select></td>
		           </tr>
		            <tr>
          			  <td>&nbsp;</td>
          			  <td> 
          				<input type="button" class="save" title="Save" value="Save" onclick="formValidate('cliente')" />
          				<input type="button" class="cancel" title="Cancel" value="Cancel" onclick="cancel('cliente')" />
          				<input type="reset" id="cliente-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
         			  </td>
        			</tr>
	  			  </tbody>
		        </table>
		    </form>
		</div>
  	
  </div>
  
  
   <!-- ******************************************* Midia ******************************************* -->
  <div class="g-unit" id="midia-tab">
    <div class ="message" id="midia-show-message" style="display:none">
  </div>
   <!-- search container -->
   	<div class="gsc-search-box" id="midia-search-ctr">
   	<!-- section title -->
   	<h2>All Midias</h2>
   	<form name="midia-search-form" id="midia-search-form">
	   	 <label>Name</label>
	   	 <input type="text" name="q" id="q" class="gsc-input"/> 
	     <input type="button" value="Search" onclick="search('midia')" class="gsc-search-button" />
	     <input type="button" value="Add" onclick="add('midia')" class="gsc-search-button" />
	     <input type="reset" id="midia-search-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
    </form>
   	</div>
   <!-- list container -->
   	<div class="results" style="border:0;" id="midia-list-ctr">
          <table width="100%" cellspacing="0" cellpadding="2" border="0" style="border-collapse:collapse;">
            <thead>
              <tr>
                <th scope="col">Midia ID</th>
                <th scope="col">Name</th>
                <th scope="col">Description</th>
                <th scope="col">Number</th>
                <th scope="col">Bandeira</th>
                <th scope="col">Cliente</th>
                <th scope="col">Action</th>                      
              </tr>
            </thead>
            <tbody id="midia-list-tbody"></tbody>
          </table>
  	</div>
  
  	<!-- create container -->
	  	<div class="create-ctr" id="midia-create-ctr">
	  	<h2>Create Midia</h2>
	  	<form name="midia-create-form" id="midia-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	 <tr>
		   <td>Midia ID</td>
           <td><span class="readonly"><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="midia_id" id="midia_id" /></span></td>
		 </tr>
		 <tr>
		   <td>Name</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="midia_name" id="midia_name" /></span></td>
		 </tr>
		 <tr>
		   <td>Description</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="midia_description" id="midia_description" /></span></td>
		 </tr>
		 <tr>
		   <td>Number</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="midia_number" id="midia_number" /></span></td>
		 </tr>
		 <tr>
		   <td>Bandeira</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="midia_bandeira" id="midia_bandeira" /></span></td>
		 </tr>
		  <tr>
             <td>Cliente</td>
             <td><select id="midia-cliente-list" name="cliente_id"></select></td>
          </tr>
        <tr>
          <td>&nbsp;</td>
          <td> 
          <input type="button" class="save" title="Save" value="Save" onclick="formValidate('midia')" />
          <input type="button" class="cancel" title="Cancel" value="Cancel" onclick="cancel('midia')" />
          <input type="reset" id="midia-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
         </td>
        </tr>
	  	</tbody>
  </table>
  </form>
  </div>
  
  </div>
   <!-- ******************************************* transacao ******************************************* -->
  <div class="message" id="transacao-show-message" style="display:none">
  </div>
  <div class="g-unit" id="transacao-tab">
	   <!-- search container -->
	   	<div class="gsc-search-box" id="transacao-search-ctr">
	   	<!-- section title -->
	   	<h2>All Transacoes</h2>
	   	<form name="transacao-search-form" id="transacao-search-form">
	   	   <input type="text" name="q" id="q" class="gsc-input"/> 
	   	   <select id="by" name="transacao-searchby" class="gsc-input">       
            </select> 
            <input type="button" value="Search" onclick="search('transacao')" class="gsc-search-button" />
            <input type="button" value="Add" onclick="add('transacao')" class="gsc-search-button" />
            <input type="reset" id="transacao-search-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
          </form>  
	   	</div>
	   <!-- list container -->
	   	<div class="results" style="border:0;" id="transacao-list-ctr">
           <table width="100%" cellspacing="0" cellpadding="2" border="0" style="border-collapse:collapse;">
             <thead>
               <tr>
                 <th scope="col">Transacao ID</th>
                 <th scope="col">Transacao Type</th>
                 <th scope="col">Transacao Price</th>
                 <th scope="col">Transacao Data</th>
                 <th scope="col">Transacao Hora</th>
                 <th scope="col">Estabelecimento ID</th>
                 <th scope="col">Cliente ID</th>
                 <th scope="col">Midia ID</th>
                 <th scope="col">Localidade ID</th>     
                 <th scope="col">Action</th>                   
               </tr>
             </thead>
             <tbody id="transacao-list-tbody"></tbody>
           </table>
	  	</div>
	  	<!-- create container -->
	  	<div class="create-ctr" id="transacao-create-ctr">
	  	<h2>Create Transacao</h2>
	  	<form name="transacao-create-form" id="transacao-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
           <tr> 
           	 <td>Transacao ID</td>
             <td ><span class="readonly"><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="trans_id" id="trans_id" /></span></td>
           </tr>
           <tr>
             <td>Transacao Type</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="trans_type" id="trans_type" /></td>
           </tr>
           <tr>
             <td>Transacao Price</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="trans_price" id="trans_price" /></td>
           </tr>
           <tr>
             <td>Transacao Data</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="trans_data" id="trans_data" /></td>
           </tr>
           <tr>
             <td>Transacao Hora</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="trans_hora" id="trans_hora" /></td>
           </tr>
           <tr>
             <td>Estabelecimento ID</td>
             <td><select id="transacao-estabelecimento-list" name="estabelecimento_id"></select></td>
           </tr>
           <tr>
           <tr>
             <td>Cliente ID</td>
             <td><select id="transacao-cliente-list" name="cliente_id"></select></td>
           </tr>
           <tr>
             <td>Midia ID</td>
             <td><select id="transacao-midia-list" name="midia_id"></select></td>
           </tr>
           <tr>
             <td>Localidade ID</td>
             <td><select id="transacao-localidade-list" name="localidade_id"></select></td>
           </tr>
           <tr>
            <tr>
              <td>&nbsp;</td>
              <td> 
                  <input type="button" class="save" title="Save" value="Save" onclick="formValidate('transacao')" />
                  <input type="button" class="cancel" title="Cancel" value="Cancel" onclick="cancel('transacao')" />
                  <input type="reset" id="transacao-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
              </td>
            </tr>
			 </table>
			 </form>
	  	</div>
	  	<!-- create conatiner ends here -->
  </div>
  
   <!-- ******************************************* fraude ******************************************* -->
  <div class="message" id="fraude-show-message" style="display:none">
  </div>
  <div class="g-unit" id="fraude-tab">
	   <!-- search container -->
	   	<div class="gsc-search-box" id="fraude-search-ctr">
	   	<!-- section title -->
	   	<h2>All Fraudes</h2>
	   	<form name="fraude-search-form" id="fraude-search-form">
	   	   <input type="text" name="q" id="q" class="gsc-input"/> 
<!-- 	   	   <select id="by" name="fraude-searchby" class="gsc-input"> -->
<!--               <option value="transacao">Transacao</option> -->
<!--             </select>  -->
            <input type="button" value="Search" onclick="search('fraude')" class="gsc-search-button" />
            <input type="button" value="Add" onclick="add('fraude')" class="gsc-search-button" />
            <input type="reset" id="fraude-search-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
          </form>  
	   	</div>
	   <!-- list container -->
	   	<div class="results" style="border:0;" id="fraude-list-ctr">
           <table width="100%" cellspacing="0" cellpadding="2" border="0" style="border-collapse:collapse;">
             <thead>
               <tr>
               	 <th scope="col">Fraude ID</th>
                 <th scope="col">Fraude Name</th>
                 <th scope="col">Fraude Type</th>
                 <th scope="col">Forma Deteccao</th>
                 <th scope="col">Data Deteccao</th>
                 <th scope="col">Transacao ID</th>  
                 <th scope="col">Action</th>                    
               </tr>
             </thead>
             <tbody id="fraude-list-tbody"></tbody>
           </table>
	  	</div>
	  	<!-- create container -->
	  	<div class="create-ctr" id="fraude-create-ctr">
	  	<h2>Create Fraude</h2>
	  	<form name="fraude-create-form" id="fraude-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
           <tr> 
           	 <td>Fraude ID</td>
             <td ><span class="readonly"><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="fraude_id" id="fraude_id" /></span></td>
           </tr>
           <tr>
             <td>Fraude Name</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="fraude_name" id="fraude_name" /></td>
           </tr>
           <tr>
             <td>Fraude Type</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="fraude_type" id="fraude_type" /></td>
           </tr>
           <tr>
             <td>Forma Deteccao</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="fraude_forma_deteccao" id="fraude_forma_deteccao" /></td>
           </tr>
           <tr>
             <td>Data Deteccao</td>
             <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="fraude_data_deteccao" id="fraude_data_deteccao" /></td>
           </tr>
          
           <tr>
             <td>Transacao</td>
             <td><select id="fraude-transacao-list" name="trans_id"></select></td>
           </tr>
            <tr>
              <td>&nbsp;</td>
              <td> 
                  <input type="button" class="save" title="Save" value="Save" onclick="formValidate('fraude')" />
                  <input type="button" class="cancel" title="Cancel" value="Cancel" onclick="cancel('fraude')" />
                  <input type="reset" id="fraude-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
              </td>
            </tr>
			 </table>
			 </form>
	  	</div>
	  	<!-- create conatiner ends here -->
  </div>

 <!-- ******************************************* Localidade ******************************************* -->
  <div class="g-unit" id="localidade-tab">
    <div class ="message" id="localidade-show-message" style="display:none">
  </div>
   <!-- search container -->
   	<div class="gsc-search-box" id="localidade-search-ctr">
   	<!-- section title -->
   	<h2>All Localidades</h2>
   	<form name="localidade-search-form" id="localidade-search-form">
	   	 <label>Name</label>
	   	 <input type="text" name="q" id="q" class="gsc-input"/> 
	     <input type="button" value="Search" onclick="search('localidade')" class="gsc-search-button" />
	     <input type="button" value="Add" onclick="add('localidade')" class="gsc-search-button" />
	     <input type="reset" id="localidade-search-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
    </form>
   	</div>
   <!-- list container -->
   	<div class="results" style="border:0;" id="localidade-list-ctr">
          <table width="100%" cellspacing="0" cellpadding="2" border="0" style="border-collapse:collapse;">
            <thead>
              <tr>
                <th scope="col">Localidade ID</th>
                <th scope="col">Latitude</th>
                <th scope="col">Longitude</th>
                <th scope="col">Address</th>
                <th scope="col">City</th>
                <th scope="col">State</th>
                <th scope="col">Country</th>
                <th scope="col">ZIP</th> 
                 <th scope="col">Action</th>                     
              </tr>
            </thead>
            <tbody id="localidade-list-tbody"></tbody>
          </table>
  	</div>
  
  	<!-- create container -->
	  	<div class="create-ctr" id="localidade-create-ctr">
	  	<h2>Create Localidade</h2>
	  	<form name="localidade-create-form" id="localidade-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	<tr >
		 <td>Localidade ID</td>
          <td><span class="readonly"><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_id" id="localidade_id" /></span></td>
		 </tr>
		<tr>
           <td>Latitude</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_latitude" id="localidade_latitude" /></td>
         </tr>
         <tr>
           <td>Longitude</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_longitude" id="localidade_longitude" /></td>
         </tr>
         <tr>
           <td>Address</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_address" id="localidade_address" /></td>
         </tr>
         <tr>
           <td>City</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_city" id="localidade_city" /></td>
         </tr>
         <tr>
           <td>State</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_state" id="localidade_state" /></td>
         </tr>
         <tr>
           <td>Country</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_country" id="localidade_country" /></td>
         </tr>
         <tr>
           <td>ZIP</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="localidade_zip" id="localidade_zip" /></td>
         </tr>
        <tr>
          <td>&nbsp;</td>
          <td> 
          <input type="button" class="save" title="Save" value="Save" onclick="formValidate('localidade')" />
          <input type="button" class="cancel" title="Cancel" value="Cancel" onclick="cancel('localidade')" />
          <input type="reset" id="localidade-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
         </td>
        </tr>
	  	</tbody>
  </table>
  </form>
  </div>
 </div>

    <!-- ******************************************* Estabelecimento ******************************************* -->
  <div class="g-unit" id="estabelecimento-tab">
    <div class ="message" id="estabelecimento-show-message" style="display:none">
  </div>
   <!-- search container -->
   	<div class="gsc-search-box" id="estabelecimento-search-ctr">
   	<!-- section title -->
   	<h2>All Estabelecimentos</h2>
   	<form name="estabelecimento-search-form" id="estabelecimento-search-form">
	   	 <label>Name</label>
	   	 <input type="text" name="q" id="q" class="gsc-input"/> 
	     <input type="button" value="Search" onclick="search('estabelecimento')" class="gsc-search-button" />
	     <input type="button" value="Add" onclick="add('estabelecimento')" class="gsc-search-button" />
	     <input type="reset" id="estabelecimento-search-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
    </form>
   	</div>
   <!-- list container -->
   	<div class="results" style="border:0;" id="estabelecimento-list-ctr">
          <table width="100%" cellspacing="0" cellpadding="2" border="0" style="border-collapse:collapse;">
            <thead>
              <tr>
                <th scope="col">Estabelecimento ID</th>
                <th scope="col">Tipo</th>
                <th scope="col">Nome</th>
                <th scope="col">Localidade ID</th>
                <th scope="col">Action</th>                      
              </tr>
            </thead>
            <tbody id="estabelecimento-list-tbody"></tbody>
          </table>
  	</div>
  
  	<!-- create container -->
	  	<div class="create-ctr" id="estabelecimento-create-ctr">
	  	<h2>Create Estabelecimento</h2>
	  	<form name="estabelecimento-create-form" id="estabelecimento-create-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	<tr >
		 <td>Estabelecimento ID</td>
          <td><span class="readonly"><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="estabelecimento_id" id="estabelecimento_id" /></span></td>
		 </tr>
		<tr>
           <td>Tipo</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="estabelecimento_tipo" id="estabelecimento_tipo" /></td>
         </tr>
         <tr>
           <td>Nome</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="gsc-input" maxlength="2048" name="estabelecimento_nome" id="estabelecimento_nome" /></td>
         </tr>
          <tr>
		    <td>Localidade ID</td>
		    <td><select id="estabelecimento-localidade-list" name="localidade_id"></select></td>
		  </tr>
        <tr>
          <td>&nbsp;</td>
          <td> 
          <input type="button" class="save" title="Save" value="Save" onclick="formValidate('estabelecimento')" />
          <input type="button" class="cancel" title="Cancel" value="Cancel" onclick="cancel('estabelecimento')" />
          <input type="reset" id="estabelecimento-reset" class="cancel" title="Reset" value="Reset" style="visibility: hidden"/>
         </td>
        </tr>
	  	</tbody>
  </table>
  </form>
  </div>
 </div>
 
  
  
<script type="text/javascript">

 $(window).load(function () {
   init();
});

</script>
</body>
</html>
